<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>个个中心-我的活动</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- 公共样式  -->
<inline src="include-html/head-css.html" />

<!-- 依赖外部样式 -->
<link rel="stylesheet" href="css/components/title.css" media="screen" />
<link rel="stylesheet" href="css/components/accountmenu.css" media="screen" />
<link rel="stylesheet" href="css/components/accountlist.css" media="screen" />
<link rel="stylesheet" href="css/components/pagenav.css" media="screen" />
<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />

<!-- 本页面样式 -->
<link rel="stylesheet" href="css/pages/my-order-detail.css" media="screen" />
</head>
<body>
	<inline src="include-html/header.html" />
	<div class="wrapper bread">
		<div class="title-blue crumbs-nav">
			<a href="http://car.chexiang.com">首页</a>
			<i class="crumbs-arrow">&gt;</i>
			<a href="#">会员中心</a>
			<i class="crumbs-arrow">&gt;</i>
			<em>我的活动</em>
		</div>	
	</div>
	<!--- main content -->
	<div class="wrap clearfix">
		<!-- 右侧列表 -->
		<div class="order-detail-area">
			<div class="order-detail-head">
				<div class="order-number"><label>订单编号：</label><span>20151118911034574</span></div>
				<div class="order-time"><label>下单时间：</label><span>2015-11-11  00:00:00</span></div>
				<div class="order-way"><label>购车方式：</label><span>裸车价</span></div>
				<div class="order-earnest"><label>定金：</label><span class="color-red">&yen;999</span></div>
				<div class="order-state"><label>状态：</label><span class="color-red">已成交</span></div>
			</div>
			<div class="order-detail-head">
				<div class="order-number"><label>订单编号：</label><span>20151118911034574</span></div>
				<div class="order-time"><label>下单时间：</label><span>2015-11-11  00:00:00</span></div>
				<div class="order-way"><label>购车方式：</label><span>裸车价</span></div>
				<div class="order-earnest"><label>定金：</label><span class="color-red">&yen;999</span></div>
				<div class="order-state"><label>状态：</label><span class="color-red">等待支付</span></div>
				<a class="detail-head-submit" href="javascript:void(0);">去支付</a>
			</div>
			<div class="order-detail-main">
				<h2 class="area-title">定单详情</h2>
				<div class="提车信息 order-detail-info">
					<h3 class="info-title">提车信息</h3>
					<table>
						<tbody>
							<tr>
								<td class="info-label">提车人</td>
								<td><span class="label-val">宝峰</span></td>
							</tr>
							<tr>
								<td class="info-label">手机号</td>
								<td><span class="label-val">152******3420</span></td>
							</tr>
							<tr>
								<td class="info-label">身份证号</td>
								<td><span class="label-val">310000********0000</span></td>
							</tr>
							<tr>
								<td class="info-label">提车门店</td>
								<td><span class="label-val">陆家嘴路108号）</span><span class="state-tab color-green">运费限免</span></td>
							</tr>
							<tr>
								<td class="info-label">提车门店</td>
								<td><span class="label-val">上海市杨浦区</span><span class="state-tab">上海万兴世界汽车销售有限公司</span></td>
							</tr>
							<tr>
								<td class="info-label">提车地址</td>
								<td><span class="label-val">陆家嘴路108号  021—4723654753</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="order-detail-info">
					<h3 class="info-title">发票信息</h3>
					<table>
						<tbody>
							<tr>
								<td class="info-label">发票抬头：</td>
								<td><span class="label-val">个人</span></td>
							</tr>
							<tr>
								<td class="info-label">发票姓名：</td>
								<td><span class="label-val">宝峰</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="order-detail-info">
					<h3 class="info-title">商品信息</h3>
					<table class="order-commodity-table">
						<thead>
							<tr>
								<th width="40%">商品</th>
								<th width="30%">数量</th>
								<th>单价（元）</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<img class="commodity-img" src="http://i1.cximg.com/images/180x120/919e4272f2739d26/20141201/2a0b1bba1aea4e6bbf88c86e44048a9e.png" alt="" width="180" height="120"  />
									<div class="commodity-info">
										<p class="commodity-name">荣威350 2015款时尚版</p>
										<span class="commodity-color">白色</span>
									</div>
								</td>
								<td class="fs16" align="center">1</td>
								<td class="color-red fs16" align="center">&yen;150000</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="order-detail-price">
				<div class="detail-price clearfix">
					<table>
						<tr>
							<td align="right">总商品金额：</td>
							<td>&yen;200000</td>
						</tr>
						<tr>
							<td align="right">抵现券：</td>
							<td class="color-green">-&yen;1000</td>
						</tr>
						<tr>
							<td align="right">定金：</td>
							<td class="color-green">-&yen;1000</td>
						</tr>
					</table>
				</div>
				<div class="total-price clearfix">
					<label>应付尾款金额：</label><span class="color-red">&yen;200000</span>
				</div>
				<a class="order-detail-submit" href="javascript:void(0);">去支付</a>
			</div>
		</div>
		<!-- 左侧菜单 -->
		<div class="aside-nav">
			<ul class="menu-level-1">
		     	<li class="menu-level-1-item my-trade">
		        	<div class="menu-level-1-title">
		        		<span>我的交易</span>
		        		<i class="arrow hide"></i>
		        	</div>
		        	<ul class="menu-level-2">
		            	<li class="menu-level-2-item">
		            		<a href="#">我的定单</a>
		            	</li>
		            	<li class="menu-level-2-item selected">
		            		<a href="#">我的活动</a>
		            	</li>
		        	</ul>
		      	</li>
		      	<li class="menu-level-1-item my-account">
		        	<div class="menu-level-1-title cursor-pointer">
		        		<span>我的账户</span>
		        		<i class="arrow"></i>
		        	</div>
			        <ul class="menu-level-2">
						<li class="menu-level-2-item">
							<a href="#">我的收藏</a>
						</li>
			        </ul>
			        <ul class="menu-level-2-hidden hide">
			        	<li class="menu-level-2-hidden-item">
			        		<a target="_blank" href="#">编辑个人信息</a>
			        	</li>
			        </ul>
		      	</li>
		      	<li class="menu-level-1-item msg-center">
		        	<div class="menu-level-1-title">
		        		<span>消息中心</span>
		        		<i class="arrow hide"></i>
		        	</div>
		        	<ul class="menu-level-2">
						<li class="menu-level-2-item">
							<a href="#">通知消息</a>
						</li>
						<li class="menu-level-2-item">
							<a href="#">我的评价</a>
						</li>
						<li class="menu-level-2-item">
							<a href="#">我的反馈</a>
						</li>
		        	</ul>
		      	</li>
		      	<li class="menu-level-1-item my-trade">
		        	<div class="menu-level-1-title">
		        		<span>我的贷款</span>
		        		<i class="arrow hide"></i>
		        	</div>
		        	<ul class="menu-level-2">
						<li class="menu-level-2-item">
							<a href="#">我的权益</a>
						</li>
		        	</ul>
		      	</li>
		    </ul>
		</div>
	</div>
	<inline src="include-html/footer.html" />
	<inline src="include-html/sidebar.html" />
	<script>
		var swfUploaderUrl = "js/mall/flash/Uploader.swf",
			mallBase = "/",
			swfExpressInstallUrl = "js/mall/flash/expressInstall.swf";
	</script>
	<script type="text/template" id="fill-information">
		<div class="information">
			<div class="popup-input-box">
				<p class="input-cont js-info-add">
					<label class="label">收货地址:</label>
					<span class="select"><select class="car-provinceId" data-title="选择省"></select></span>
					<span class="select"><select class="car-cityId" data-title="选择市"></select></span>
					<span class="select"><select class="car-districtId" data-title="选择区"></select></span>
					<span class="input-error"></span>
				</p>
				<p class="input-cont">
					<label class="label">详细地址:</label>
					<input class="input-text user-address" type="text" placeholder="请填写详细的收货地址"/>
					<span class="input-error"></span>
				</p>
				<p class="input-cont">
					<label class="label">收货人:</label>
					<input class="input-text user-name" type="text" placeholder="姓名（中英文20个字符以内）" maxlength="20" />
					<span class="input-error"></span>
				</p>
				<p class="input-cont">
					<label class="label">手机号:</label>
					<input class="input-text user-telephone" type="text"  placeholder="请输入手机号（11位数字）" maxlength="11"/>
					<span class="input-error "></span> 
				</p>
				<p class="input-cont">
					<label class="label">身份证号:</label>
					<input class="input-text user-identity" type="text"  placeholder="请输入18位身份证号" maxlength="18"/>
					<span class="input-error "></span>
				</p>				
				<div class="input-cont clearfix">
					<label class="label label-block">上传身份证照片:</label>
					<div class="input-block">
						<p>仅支持JPG，PNG，GIF，BMP图片文件，文件小于2M</p>
						 <div id="container">
				            <div id="uploader">
					            <div class="queueList">
				                    <ul class="show-img-ul clearfix filelist" id="filelist">
										<li class="addimageed">+<p class="des">上传图片</p>
										</li>
										<li class="addimageed">
											+
											<p class="des">上传图片</p>
										</li>
				                    	<li class="add-img1"></li>
				                    	<li class="add-img2"></li>
				                    </ul>
				                    <p class="instruction-text"><span class="main-face">上传正面照片</span><span class="back-face">上传反面照片</span></p>
				                </div>
			                    <div id="filePicker"></div>
				            </div>
				            <input type="hidden" name="settleDocList[0].docLocation" id="img0" value="" />
				            <input type="hidden" name="settleDocList[1].docLocation" id="img1" value="" />
				        </div>
					</div>
					<span class="input-error "></span>
				</div>
				<div class="input-cont clearfix">
					<label class="label label-block">&nbsp;</label>
					<div class="input-block">
						<a href="javascript:void(0);" class="input-btn" id="js-uploadBtn">提交</a>
					</div>
				</div>
			</div>
		</div>
	</script>
	<script src="js/common/jquery_1_8_3.js"></script>
	<script src="js/mall/member/webuploader.js"></script>
	<script src="js/mall/member/activity.js"></script>
	<script src="js/mall/comment/my-comment-list.js"></script>
</body>
</html>